<#import "./common/common.ftl" as common>
<#import "spring.ftl" as spring>
<!DOCTYPE html>
<html>
<head>
    <@common.common_style/>
    <link rel="stylesheet" href="${request.contextPath}/static/css/icheck/square/blue.css">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<#--头部菜单-->
    <header class="main-header">
        <a href="${request.contextPath}/login" class="logo">
        <#-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><i class="fa fa-globe" aria-hidden="true"></i></span>
        <#-- logo for regular state and mobile devices -->
            <span class="logo-lg"><@spring.message code="logo_title_lg"/></span>
        </a>
        <nav class="navbar navbar-static-top">
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="">
                        <a href="${request.contextPath}/login?lang=cn_ZH" class="dropdown-toggle" data-toggle="tooltip"
                           data-placement="bottom">
                            <span class=""><@spring.message code="lang_china"/></span>
                        </a>
                    </li>
                    <li>
                        <a href="${request.contextPath}/login?lang=en_US" class="dropdown-toggle" data-toggle="tooltip"
                           data-placement="bottom">
                            <span class=""><@spring.message code="lang_english"/></span>
                        </a>
                    </li>
                <#--空白边距-->
                    <li style="width: 30px;">
                    </li>
                </ul>
            </div>
        </nav>
    </header>

<#--消息提示框-->
    <@common.pop_msg_box/>
    <div class="content-wrapper" style="margin-left: 0">
        <section class="content">
            <div class="row" style="margin-top: 5em">
                <div class="col-md-3 col-md-offset-6 col-sm-5 col-sm-offset-5">
                    <div class="jumbotron"
                         style="background-color: #ffffff;-webkit-border-radius: 5%;-moz-border-radius: 5%;border-radius: 5%;">
                        <div class="container" style="padding-left: 2em;padding-right: 2em">
                            <p style="text-align: center"><@spring.message code="login_name"/></p>
                        <#--登录主体-->
                            <div class="form-group has-feedback">
                                <input type="text" id="username" name="username" class="form-control"
                                       placeholder="<@spring.message code='login_username'/>"
                                       maxlength="18">
                                <span class="glyphicon glyphicon-user form-control-feedback"></span>
                            </div>
                            <div class="form-group has-feedback">
                                <input type="password" id="password" name="password" class="form-control"
                                       placeholder="<@spring.message code='login_password'/>" maxlength="18">
                                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                            </div>
                            <div class="row">
                                <div class="col-xs-12">
                                    <button type="button" id="loginBtn" class="btn btn-block btn-primary"><@spring.message code="login_dologin"/></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
     <@common.common_script/>
<script src="${request.contextPath}/static/js/icheck/icheck.min.js"></script>
<script src="${request.contextPath}/static/js/webconsole/login/login.js"></script>
</body>
</html>


